﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    <link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/Site.css" rel="stylesheet" />
    <link href="~/Content/PageMenu.css" rel="stylesheet" />

    <script src="~/Scripts/jquery-1.12.2.min.js"></script>
    <script src="~/Scripts/angular.min.js"></script>
    <script src="~/Scripts/angular-route.min.js"></script>
    
    @Scripts.Render("~/Scripts/Admin/SPA")
</head>
<body ng-app="App" ng-controller="BaseCtrl">
    <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="" ng-click="ViewPage('ThietLap')">
                            <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
                            Thiết Lập
                        </a>
                    </li>
                    <li>
                        <a href="#" ng-click="ViewPage('DanhMuc')">
                            <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
                            Danh Mục
                        </a>
                    </li>
                    <li>
                        <a href="#" ng-click="ViewPage('DoiTuong')">
                            <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                            Đối tượng
                        </a>
                    </li>
                    <li>
                        <a href="#" ng-click="ViewPage('ChungTu')">
                            <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
                            Chứng Từ
                        </a>
                    </li>
                    <li>
                        <a href="#" ng-click="ViewPage('BaoCao')">
                            <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
                            Báo cáo
                        </a>
                    </li>
                    <li>
                        <a href="#" ng-click="ViewPage('NguoiDung')">
                            <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                            Người Dùng
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-2">
            <div ng-bind-html="PartialViewPage"> </div>
        </div>
        <div class="col-lg-10">
            <div ng-view>

            </div>
        </div>
    </div>

    @RenderBody()

    <div id="ErrModal" ng-controller="BaseCtrl" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">Thông tin lỗi</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <ol>
                                <li style="color:red; font-weight:bold" data-ng-repeat="error in errors">{{error}}</li>
                            </ol>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Đóng</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal Error -->

    <div id="confirmModal" ng-controller="BaseCtrl" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog {{objConfirm.Size}}">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">Thông báo</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <ol>
                                <li style="color:red; font-weight:bold">{{objConfirm.Mess}}</li>
                            </ol>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" ng-click="AgreeConfim()">Đồng ý</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Đóng</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal Confirm -->

    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/modernizr-2.6.2.js"></script>
</body>
</html>